let layer = layui.layer
let query = {
  pagenum: 1,  //页码值
  pagesize: 4,  //每页显示多少条数
}
function renderPage(count) {
    layui.use('laypage', function () {
      let laypage = layui.laypage;
  
      //执行一个laypage实例
      laypage.render({
        elem: 'clicking', //注意，这里的 test1 是 ID，不用加 # 号 
        count,//数据总数，从服务端得到
        limit: 4,
        groups: 2,
        curr: query.pagenum,
        layout: ['prev', 'page', 'next'],
        theme: "#ff4500",
        jump: function (obj, first) {
          //obj包含了当前分页的所有参数，比如：
          // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
          // console.log(obj.limit); //得到每页显示的条数
  
          // 将页码值修改为点击时的当前页
          query.pagenum = obj.curr
          // 将每页显示数据修改为点击时的选择
          query.pagesize = obj.limit
          //首次不执行
          // console.log(123)
          if (!first) {
            // 点击分页的时候发ajax请求
            getNew()
          }
        }
      })
    });
  }
  Zan()
  function Zan(){
    axios.get('/user/userDataList',
{params: {
    page: query.pagenum,
    limit: query.pagesize,
    type:2,
    token: localStorage.getItem('token')
  }}).then(({data:{data:{list}}}) => {
    // console.log(list)
    const {data, count, pageSize} = list
    const li = data.map(({pic,title, lovenum, id}) => {
        // console.log(res)
        return `<li>
        <a target="_blank" href="">
          <span class="thumbnail">
            <img class="thumb" src="http://124.223.14.236:8060/${pic}" />
          </span>
          <span class="text">${title}</span>
          <span class="text-muted post-views">已点赞(${lovenum})</span>
          <button class="btn btn-xs btn-danger cancel" data-id="${id}"><i class="fa fa-trash"></i>&nbsp;取消点赞</button>
        </a>
      </li>`
    }).join('')
    $('.items-01').html(li)
    if(count !== 0){
      $("#count").text(`共${count}条数据, ${Math.ceil(count / pageSize)}页`)
      $('#clicking').show()
    } else {
      $("#count").text(`您还没有点赞哦`)
      $('#clicking').hide()
    } 
    renderPage(count)
  })
  }

// 取消点赞
$('.list-box').on('click', '.cancel', function (e){
  e.preventDefault()
  const id = $(this).data('id')
  axios.get('/user/userDataHandle', {params:{
    type: 2,
    article_id: id,
    action: 'del',
    token: localStorage.getItem('token')
  }}).then(() => {
    Zan()
  })
})